/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://aut umnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/

// 歌曲搜索列表

let app = new Vue({
  el:'#player',
  data: {
    query: '',
    // 歌曲列表
    musicList: [],
    // 歌曲播放URL
    musicUrl:'',
    // 歌曲封面
    musicCover:'',
    // 歌曲评论
    hotComments: [],
    // 动画播放的状态
    isPlaying:false,
    // 遮罩层显示
    isShow: false,
    // mvUrl 地址
     mvUrl:''
  },
  methods:{
  // 歌曲搜索
  searchMusic: function(){
      let that = this;
      axios.get('https://autumnfish.cn/search?keywords=' + this.query)
      .then(function(res) {
        // 解构
        const {songs} = res.data.result
        that.musicList = songs
      }).catch(function(err){
        console.log(err)
      })
    },
  // 歌曲播放
  playMusic: function(musicId){
    var that = this;
      // 获取歌曲地址
      axios.get('https://autumnfish.cn/song/url?id=' + musicId)
      .then(function(res){
        that.musicUrl = res.data.data[0].url
      }).catch(function(err){console.log(err)});

      //获取歌曲详情（封面）
     axios.get('https://autumnfish.cn/song/detail?ids=' + musicId)
      .then(function(res){
        that.musicCover = res.data.songs[0].al.picUrl
      }).catch(function(err){console.log(err)})

      // 歌曲评论
      axios.get('https://autumnfish.cn/comment/hot?type=0&id=' + musicId)
      .then(function(res) {
        that.hotComments = res.data.hotComments
      }).catch(function(err){console.log(err)})
  },
  // 歌曲播放
  play: function(){
    this.isPlaying = true
  },
  // 歌曲暂停
  pause: function(){
    this.isPlaying = false
  },
  // 播放mv
  playMV: function(mvId){
    let that = this
    axios.get('https://autumnfish.cn/mv/url?id=' + mvId)
    .then(function(res){
      that.mvUrl = res.data.data.url
      that.isShow = true
    }).catch(function(err){console.log(err)})
    
  },
  // 隐藏遮罩层
  hide: function(){
    this.isShow = false
    this.isPlaying = false
  }
}

})